<template>
    <table class="table table-bordered table-hover">
        <thead class="table-light">
            <tr>
                <!-- <th>Port</th> -->
                <th>Time</th>
                <th>GB</th>
                <th>Pkts</th>
                <th>Bytes</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(entry, index) in data" :key="index">
                <!-- <td>{{ entry.port }}</td> -->
                <td>{{ entry.time }}</td>
                <td>{{ entry.gb }}</td>
                <td>{{ entry.pkts }}</td>
                <td>{{ entry.bytes }}</td>
            </tr>
        </tbody>
    </table>
</template>

<script setup>
defineProps({
    data: {
        type: Array,
        default: () => []
    }
});
</script>
